<template>
  <div class="main">
    <div class="top">
      <div class="tItem1">
        <el-descriptions class="margin-top" :column="3" border size="mini">
          <el-descriptions-item label="提升机编号">
            <el-tag>{{ tableData.no }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="任务号反馈">
            <el-tag>{{ tableData.rwhfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="工作模式反馈">
            <el-tag>{{ tableData.gzmsfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="命令代码反馈">
            <el-tag>{{ tableData.mldmfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="校验结果反馈" label-style>
            <el-tag>{{ tableData.jyjgfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="作业完成反馈">
            <el-tag>{{ tableData.zywcfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机工作状态反馈">
            <el-tag>{{ tableData.tsjgzztfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机操作方式反馈">
            <el-tag>{{ tableData.tsjczfsfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机载货台状态反馈">
            <el-tag>{{ tableData.tsjzhtztfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机载车状态反馈">
            <el-tag>{{ tableData.tsjzcztfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机执行阶段反馈">
            <el-tag>{{ tableData.tsjzxjdfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机故障代码">
            <el-tag>{{ tableData.tsjgzdm }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机当前层号反馈">
            <el-tag>{{ tableData.tsjdqchfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机升降对准反馈">
            <el-tag>{{ tableData.tsjsjdzfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机锁定反馈">
            <el-tag>{{ tableData.tsjsdfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机完成任务号">
            <el-tag>{{ tableData.tsjwcrwh }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机完成任务模式">
            <el-tag>{{ tableData.tsjwcrwms }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机完成任务命令代码">
            <el-tag>{{ tableData.tsjwcrwmldm }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="备用">
            <el-tag>{{ tableData.by }}</el-tag>
          </el-descriptions-item>
        </el-descriptions>

      </div>

      <div style="background: pink;" class="tItem2">
        <el-descriptions class="margin-top" :column="3" border size="mini">
          <el-descriptions-item label="提升机编号">
            <el-tag>{{ tableData1.no }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="任务号反馈">
            <el-tag>{{ tableData1.rwhfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="工作模式反馈">
            <el-tag>{{ tableData1.gzmsfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="命令代码反馈">
            <el-tag>{{ tableData1.mldmfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="校验结果反馈" label-style>
            <el-tag>{{ tableData1.jyjgfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="作业完成反馈">
            <el-tag>{{ tableData1.zywcfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机工作状态反馈">
            <el-tag>{{ tableData1.tsjgzztfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机操作方式反馈">
            <el-tag>{{ tableData1.tsjczfsfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机载货台状态反馈">
            <el-tag>{{ tableData1.tsjzhtztfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机载车状态反馈">
            <el-tag>{{ tableData1.tsjzcztfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机执行阶段反馈">
            <el-tag>{{ tableData1.tsjzxjdfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机故障代码">
            <el-tag>{{ tableData1.tsjgzdm }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机当前层号反馈">
            <el-tag>{{ tableData1.tsjdqchfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机升降对准反馈">
            <el-tag>{{ tableData1.tsjsjdzfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机锁定反馈">
            <el-tag>{{ tableData1.tsjsdfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机完成任务号">
            <el-tag>{{ tableData1.tsjwcrwh }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机完成任务模式">
            <el-tag>{{ tableData1.tsjwcrwms }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机完成任务命令代码">
            <el-tag>{{ tableData1.tsjwcrwmldm }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="备用">
            <el-tag>{{ tableData1.by }}</el-tag>
          </el-descriptions-item>
        </el-descriptions>
      </div>
      <div style="background: yellow;" class="tItem3">
        <el-descriptions class="margin-top" :column="3" border size="mini">
          <el-descriptions-item label="提升机编号">
            <el-tag>{{ tableData2.no }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="任务号反馈">
            <el-tag>{{ tableData2.rwhfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="工作模式反馈">
            <el-tag>{{ tableData2.gzmsfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="命令代码反馈">
            <el-tag>{{ tableData2.mldmfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="校验结果反馈" label-style>
            <el-tag>{{ tableData2.jyjgfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="作业完成反馈">
            <el-tag>{{ tableData2.zywcfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机工作状态反馈">
            <el-tag>{{ tableData2.tsjgzztfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机操作方式反馈">
            <el-tag>{{ tableData2.tsjczfsfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机载货台状态反馈">
            <el-tag>{{ tableData2.tsjzhtztfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机载车状态反馈">
            <el-tag>{{ tableData2.tsjzcztfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机执行阶段反馈">
            <el-tag>{{ tableData2.tsjzxjdfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机故障代码">
            <el-tag>{{ tableData2.tsjgzdm }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机当前层号反馈">
            <el-tag>{{ tableData2.tsjdqchfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机升降对准反馈">
            <el-tag>{{ tableData2.tsjsjdzfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机锁定反馈">
            <el-tag>{{ tableData2.tsjsdfk }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机完成任务号">
            <el-tag>{{ tableData2.tsjwcrwh }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机完成任务模式">
            <el-tag>{{ tableData2.tsjwcrwms }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="提升机完成任务命令代码">
            <el-tag>{{ tableData2.tsjwcrwmldm }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="备用">
            <el-tag>{{ tableData2.by }}</el-tag>
          </el-descriptions-item>
        </el-descriptions>
      </div>
    </div>
    <div class="bottom">
      <div style="background: yellowgreen;" class="bItem1">
        <el-descriptions class="menu-button" :column="1" border size="mini">
          <el-descriptions-item label="小车编号">
            <el-tag>{{ Car1.deviceNo }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="小车当前层数">
            <el-tag>{{ Car1.currentLocationZ }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="当前位置条码">
            <el-tag>{{ Car1.curBarcode }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="小车状态">
            <el-tag>{{ Car1.carStatus }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="小车方向">
            <el-tag>{{ Car1.reseryeStatus }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="小车电量" label-style>
            <el-tag>{{ Car1.electric }}</el-tag>
          </el-descriptions-item>
        </el-descriptions>
      </div>
      <div style="background: beige;" class="bItem2">
        <el-descriptions class="menu-button" :column="1" border size="mini">
          <el-descriptions-item label="小车编号">
            <el-tag>{{ Car2.deviceNo }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="小车当前层数">
            <el-tag>{{ Car2.currentLocationZ }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="当前位置条码">
            <el-tag>{{ Car2.curBarcode }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="小车状态">
            <el-tag>{{ Car2.carStatus }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="小车方向">
            <el-tag>{{ Car2.reseryeStatus }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="小车电量" label-style>
            <el-tag>{{ Car2.electric }}</el-tag>
          </el-descriptions-item>
        </el-descriptions>
      </div>
      <div style="background: cornflowerblue;" class="bItem3">
        <el-descriptions class="menu-button" :column="1" border size="mini">
          <el-descriptions-item label="小车编号">
            <el-tag>{{ Car3.deviceNo }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="小车当前层数">
            <el-tag>{{ Car3.currentLocationZ }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="当前位置条码">
            <el-tag>{{ Car3.curBarcode }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="小车状态">
            <el-tag>{{ Car3.carStatus }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="小车方向">
            <el-tag>{{ Car3.reseryeStatus }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="小车电量" label-style>
            <el-tag>{{ Car3.electric }}</el-tag>
          </el-descriptions-item>
        </el-descriptions>
      </div>
      <div style="background: gold;" class="bItem4">
        <el-descriptions class="menu-button" :column="1" border size="mini">
          <el-descriptions-item label="小车编号">
            <el-tag>{{ Car4.deviceNo }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="小车当前层数">
            <el-tag>{{ Car4.currentLocationZ }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="当前位置条码">
            <el-tag>{{ Car4.curBarcode }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="小车状态">
            <el-tag>{{ Car4.carStatus }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="小车方向">
            <el-tag>{{ Car4.reseryeStatus }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="小车电量" label-style>
            <el-tag>{{ Car4.electric }}</el-tag>
          </el-descriptions-item>
        </el-descriptions>
      </div>
      <div style="background:blanchedalmond;" class="bItem5">
        <el-descriptions class="menu-button" :column="1" border size="mini">
          <el-descriptions-item label="小车编号">
            <el-tag>{{ Car5.deviceNo }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="小车当前层数">
            <el-tag>{{ Car5.currentLocationZ }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="当前位置条码">
            <el-tag>{{ Car5.curBarcode }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="小车状态">
            <el-tag>{{ Car5.carStatus }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="小车方向">
            <el-tag>{{ Car5.reseryeStatus }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item label="小车电量" label-style>
            <el-tag>{{ Car5.electric }}</el-tag>
          </el-descriptions-item>
        </el-descriptions>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  // name: "table",
  // created() {
  //   this.getlist1()
  //   this.getlist2()
  //   this.getlist3()
  //   this.getCarlist2()
  //
  //
  // },
  data() {
    return {
      ARR: [],
      tableData: {
        no: '',
        rwhfk: '',
        gzmsfk: '',
        mldmfk: '',
        jyjgfk: '',
        zywcfk: '',
        tsjgzztfk: '',
        tsjczfsfk: '',
        tsjzhtztfk: '',
        tsjzcztfk: '',
        tsjzxjdfk: '',
        tsjdqchfk: '',
        tsjsjdzfk: '',
        tsjsdfk: '',
        tsjgzdm: '',
        tsjwcrwh: '',
        tsjwcrwms: '',
        tsjwcrwmldm: '',
        by: ''
      },
      tableData1: {
        no: '',
        rwhfk: '',
        gzmsfk: '',
        mldmfk: '',
        jyjgfk: '',
        zywcfk: '',
        tsjgzztfk: '',
        tsjczfsfk: '',
        tsjzhtztfk: '',
        tsjzcztfk: '',
        tsjzxjdfk: '',
        tsjdqchfk: '',
        tsjsjdzfk: '',
        tsjsdfk: '',
        tsjgzdm: '',
        tsjwcrwh: '',
        tsjwcrwms: '',
        tsjwcrwmldm: '',
        by: ''
      },
      tableData2: {
        no: '',
        rwhfk: '',
        gzmsfk: '',
        mldmfk: '',
        jyjgfk: '',
        zywcfk: '',
        tsjgzztfk: '',
        tsjczfsfk: '',
        tsjzhtztfk: '',
        tsjzcztfk: '',
        tsjzxjdfk: '',
        tsjdqchfk: '',
        tsjsjdzfk: '',
        tsjsdfk: '',
        tsjgzdm: '',
        tsjwcrwh: '',
        tsjwcrwms: '',
        tsjwcrwmldm: '',
        by: ''
      },
      Car1: {
        currentLocationZ: '',
        curBarcode: '',
        carStatus: '',
        reseryeStatus: '',
        electric: '',
        deviceNo: ''
      },
      Car2: {
        currentLocationZ: '',
        curBarcode: '',
        carStatus: '',
        reseryeStatus: '',
        electric: '',
        deviceNo: ''
      },
      Car3: {
        currentLocationZ: '',
        curBarcode: '',
        carStatus: '',
        reseryeStatus: '',
        electric: '',
        deviceNo: ''
      },
      Car4: {
        currentLocationZ: '',
        curBarcode: '',
        carStatus: '',
        reseryeStatus: '',
        electric: '',
        deviceNo: ''
      },
      Car5: {
        currentLocationZ: '',
        curBarcode: '',
        carStatus: '',
        reseryeStatus: '',
        electric: '',
        deviceNo: ''
      }


      // defaultActive: ''
    }
  },
  methods: {
    async getlist1() {
      const {data: result} = await this.$http.get("http://localhost:8848/zl/selectvalue1?key=ZL:TSJ:1:")
      if (result.status !== 200) return alevarrt(result.data.no)
      var json = JSON.stringify(result.data)
      // alert(json)
      this.tableData1.no = result.data.no
      this.tableData1.rwhfk = result.data.rwhfk
      if (result.data.gzmsfk == 1) {
        this.tableData1.gzmsfk = "小车换层 "
      } else if (result.data.gzmsfk == 2) {
        this.tableData1.gzmsfk = "取放托盘"
      } else if (result.data.gzmsfk == 3) {
        this.tableData1.gzmsfk = "取货"
      } else {
        this.tableData1.gzmsfk = "放货"
      }
      if (result.data.mldmfk == 1) {
        this.tableData1.mldmfk = "到接车层"
      } else if (result.data.mldmfk == 2) {
        this.tableData1.mldmfk = "到放车层"
      } else if (result.data.mldmfk == 3) {
        this.tableData1.mldmfk = "取货A"
      } else {
        this.tableData1.mldmfk = "放货"
      }
      if (result.data.jyjgfk == 1) {
        this.tableData1.jyjgfk = "校验成功"
      } else {
        this.tableData1.jyjgfk = "校验失败"
      }
      if (result.data.zywcfk == 0) {
        this.tableData1.zywcfk = "作业未完成"
      } else {
        this.tableData1.zywcfk = "作业完成"
      }
      if (result.data.tsjgzztfk == 0) {
        this.tableData1.tsjgzztfk = "未知"
      } else if (result.data.tsjgzztfk == 1) {
        this.tableData1.tsjgzztfk = "待机"
      } else if (result.data.tsjgzztfk == 2) {
        this.tableData1.tsjgzztfk = "工作"
      } else {
        this.tableData1.tsjgzztfk = "故障"
      }
      if (result.data.tsjczfsfk == 0) {
        this.tableData1.tsjczfsfk = "未选择"
      } else if (result.data.tsjczfsfk == 1) {
        this.tableData1.tsjczfsfk = "手动"
      } else if (result.data.tsjczfsfk == 2) {
        this.tableData1.tsjczfsfk = "半自动"
      } else if (result.data.tsjczfsfk == 3) {
        this.tableData1.tsjczfsfk = "自动"
      } else {
        this.tableData1.tsjczfsfk = "维修状态"
      }
      if (result.data.tsjzhtztfk == 1) {
        this.tableData1.tsjzhtztfk = "有货"
      } else {
        this.tableData1.tsjzhtztfk = "无货"
      }
      if (result.data.tsjzcztfk == 1) {
        this.tableData1.tsjzcztfk = "有车"
      } else {
        this.tableData1.tsjzcztfk = "无车"
      }
      if (result.data.tsjzxjdfk == 1) {
        this.tableData1.tsjzxjdfk = "无货行走"
      } else if (result.data.tsjzxjdfk == 2) {
        this.tableData1.tsjzxjdfk = "取货"
      } else if (result.data.tsjzxjdfk == 3) {
        this.tableData1.tsjzxjdfk = "有货行走"
      } else if (result.data.tsjzxjdfk == 4) {
        this.tableData1.tsjzxjdfk = "放货"
      } else {
        this.tableData1.tsjzxjdfk = "完成"
      }
      this.tableData1.tsjdqchfk = result.data.tsjdqchfk
      if (result.data.tsjsjdzfk == 1) {
        this.tableData1.tsjsjdzfk = "接送小车对准"
      } else if (result.data.tsjsjdzfk == 2) {
        this.tableData1.tsjsjdzfk = "取托盘低位对准"
      } else if (result.data.tsjsjdzfk == 3) {
        this.tableData1.tsjsjdzfk = "放托盘高位对准"
      } else {
        this.tableData1.tsjsjdzfk = "未对准"
      }
      if (result.data.tsjsdfk == 1) {
        this.tableData1.tsjsdfk = "已锁定"
      } else {
        this.tableData1.tsjsdfk = "未锁定"
      }
      this.tableData1.tsjgzdm = result.data.tsjgzdm
      this.tableData1.tsjwcrwh = result.data.tsjwcrwh
      if (result.data.tsjwcrwms == 1) {
        this.tableData1.tsjwcrwms = "小车换层"
      } else if (result.data.tsjwcrwms == 2) {
        this.tableData1.tsjwcrwms = "取放托盘"
      } else if (result.data.tsjwcrwms == 3) {
        this.tableData1.tsjwcrwms = "取货"
      } else {
        this.tableData1.tsjwcrwms = "放货"
      }
      if (result.data.tsjwcrwmldm == 1) {
        this.tableData1.tsjwcrwmldm = "到接车层"
      } else if (result.data.tsjwcrwmldm == 2) {
        this.tableData1.tsjwcrwmldm = "到放车层"
      } else if (result.data.tsjwcrwmldm == 3) {
        this.tableData1.tsjwcrwmldm = "取货"
      } else {
        this.tableData1.tsjwcrwmldm = "放货"
      }
      this.tableData1.by = result.data.by
    },
    async getlist2() {
      const {data: result} = await this.$http.get("http://localhost:8848/zl/selectvalue?key=ZL:TSJ:2:")
      if (result.status !== 200) return alert(result.data.no)
      var json = JSON.stringify(result.data)
      // alert(json)
      this.tableData.no = result.data.no
      this.tableData.rwhfk = result.data.rwhfk
      if (result.data.gzmsfk == 1) {
        this.tableData.gzmsfk = "小车换层 "
      } else if (result.data.gzmsfk == 2) {
        this.tableData.gzmsfk = "取放托盘"
      } else if (result.data.gzmsfk == 3) {
        this.tableData.gzmsfk = "取货"
      } else {
        this.tableData.gzmsfk = "放货"
      }
      if (result.data.mldmfk == 1) {
        this.tableData.mldmfk = "到接车层"
      } else if (result.data.mldmfk == 2) {
        this.tableData.mldmfk = "到放车层"
      } else if (result.data.mldmfk == 3) {
        this.tableData.mldmfk = "取货A"
      } else {
        this.tableData.mldmfk = "放货"
      }
      if (result.data.jyjgfk == 1) {
        this.tableData.jyjgfk = "校验成功"
      } else {
        this.tableData.jyjgfk = "校验失败"
      }
      if (result.data.zywcfk == 0) {
        this.tableData.zywcfk = "作业未完成"
      } else {
        this.tableData.zywcfk = "作业完成"
      }
      if (result.data.tsjgzztfk == 0) {
        this.tableData.tsjgzztfk = "未知"
      } else if (result.data.tsjgzztfk == 1) {
        this.tableData.tsjgzztfk = "待机"
      } else if (result.data.tsjgzztfk == 2) {
        this.tableData.tsjgzztfk = "工作"
      } else {
        this.tableData.tsjgzztfk = "故障"
      }
      if (result.data.tsjczfsfk == 0) {
        this.tableData.tsjczfsfk = "未选择"
      } else if (result.data.tsjczfsfk == 1) {
        this.tableData.tsjczfsfk = "手动"
      } else if (result.data.tsjczfsfk == 2) {
        this.tableData.tsjczfsfk = "半自动"
      } else if (result.data.tsjczfsfk == 3) {
        this.tableData.tsjczfsfk = "自动"
      } else {
        this.tableData.tsjczfsfk = "维修状态"
      }
      if (result.data.tsjzhtztfk == 1) {
        this.tableData.tsjzhtztfk = "有货"
      } else {
        this.tableData.tsjzhtztfk = "无货"
      }
      if (result.data.tsjzcztfk == 1) {
        this.tableData.tsjzcztfk = "有车"
      } else {
        this.tableData.tsjzcztfk = "无车"
      }
      if (result.data.tsjzxjdfk == 1) {
        this.tableData.tsjzxjdfk = "无货行走"
      } else if (result.data.tsjzxjdfk == 2) {
        this.tableData.tsjzxjdfk = "取货"
      } else if (result.data.tsjzxjdfk == 3) {
        this.tableData.tsjzxjdfk = "有货行走"
      } else if (result.data.tsjzxjdfk == 4) {
        this.tableData.tsjzxjdfk = "放货"
      } else {
        this.tableData.tsjzxjdfk = "完成"
      }
      this.tableData.tsjdqchfk = result.data.tsjdqchfk
      if (result.data.tsjsjdzfk == 1) {
        this.tableData.tsjsjdzfk = "接送小车对准"
      } else if (result.data.tsjsjdzfk == 2) {
        this.tableData.tsjsjdzfk = "取托盘低位对准"
      } else if (result.data.tsjsjdzfk == 3) {
        this.tableData.tsjsjdzfk = "放托盘高位对准"
      } else {
        this.tableData.tsjsjdzfk = "未对准"
      }
      if (result.data.tsjsdfk == 1) {
        this.tableData.tsjsdfk = "已锁定"
      } else {
        this.tableData.tsjsdfk = "未锁定"
      }
      this.tableData.tsjgzdm = result.data.tsjgzdm
      this.tableData.tsjwcrwh = result.data.tsjwcrwh
      if (result.data.tsjwcrwms == 1) {
        this.tableData.tsjwcrwms = "小车换层"
      } else if (result.data.tsjwcrwms == 2) {
        this.tableData.tsjwcrwms = "取放托盘"
      } else if (result.data.tsjwcrwms == 3) {
        this.tableData.tsjwcrwms = "取货"
      } else {
        this.tableData.tsjwcrwms = "放货"
      }
      if (result.data.tsjwcrwmldm == 1) {
        this.tableData.tsjwcrwmldm = "到接车层"
      } else if (result.data.tsjwcrwmldm == 2) {
        this.tableData.tsjwcrwmldm = "到放车层"
      } else if (result.data.tsjwcrwmldm == 3) {
        this.tableData.tsjwcrwmldm = "取货"
      } else {
        this.tableData.tsjwcrwmldm = "放货"
      }
      this.tableData.by = result.data.by

      // alert(this.tableData)
    },

    async getlist3() {
      const {data: result} = await this.$http.get("http://localhost:8848/zl/selectvalue2?key=ZL:TSJ:3:")
      if (result.status !== 200) return alert(result.data.no)
      var json = JSON.stringify(result.data)
      // alert(json)
      this.tableData2.no = result.data.no
      this.tableData2.rwhfk = result.data.rwhfk
      if (result.data.gzmsfk == 1) {
        this.tableData2.gzmsfk = "小车换层 "
      } else if (result.data.gzmsfk == 2) {
        this.tableData2.gzmsfk = "取放托盘"
      } else if (result.data.gzmsfk == 3) {
        this.tableData2.gzmsfk = "取货"
      } else {
        this.tableData2.gzmsfk = "放货"
      }
      if (result.data.mldmfk == 1) {
        this.tableData2.mldmfk = "到接车层"
      } else if (result.data.mldmfk == 2) {
        this.tableData2.mldmfk = "到放车层"
      } else if (result.data.mldmfk == 3) {
        this.tableData2.mldmfk = "取货A"
      } else {
        this.tableData2.mldmfk = "放货"
      }
      if (result.data.jyjgfk == 1) {
        this.tableData2.jyjgfk = "校验成功"
      } else {
        this.tableData2.jyjgfk = "校验失败"
      }
      if (result.data.zywcfk == 0) {
        this.tableData2.zywcfk = "作业未完成"
      } else {
        this.tableData2.zywcfk = "作业完成"
      }
      if (result.data.tsjgzztfk == 0) {
        this.tableData2.tsjgzztfk = "未知"
      } else if (result.data.tsjgzztfk == 1) {
        this.tableData2.tsjgzztfk = "待机"
      } else if (result.data.tsjgzztfk == 2) {
        this.tableData2.tsjgzztfk = "工作"
      } else {
        this.tableData2.tsjgzztfk = "故障"
      }
      if (result.data.tsjczfsfk == 0) {
        this.tableData2.tsjczfsfk = "未选择"
      } else if (result.data.tsjczfsfk == 1) {
        this.tableData2.tsjczfsfk = "手动"
      } else if (result.data.tsjczfsfk == 2) {
        this.tableData2.tsjczfsfk = "半自动"
      } else if (result.data.tsjczfsfk == 3) {
        this.tableData2.tsjczfsfk = "自动"
      } else {
        this.tableData2.tsjczfsfk = "维修状态"
      }
      if (result.data.tsjzhtztfk == 1) {
        this.tableData2.tsjzhtztfk = "有货"
      } else {
        this.tableData2.tsjzhtztfk = "无货"
      }
      if (result.data.tsjzcztfk == 1) {
        this.tableData2.tsjzcztfk = "有车"
      } else {
        this.tableData2.tsjzcztfk = "无车"
      }
      if (result.data.tsjzxjdfk == 1) {
        this.tableData2.tsjzxjdfk = "无货行走"
      } else if (result.data.tsjzxjdfk == 2) {
        this.tableData2.tsjzxjdfk = "取货"
      } else if (result.data.tsjzxjdfk == 3) {
        this.tableData2.tsjzxjdfk = "有货行走"
      } else if (result.data.tsjzxjdfk == 4) {
        this.tableData2.tsjzxjdfk = "放货"
      } else {
        this.tableData2.tsjzxjdfk = "完成"
      }
      this.tableData2.tsjdqchfk = result.data.tsjdqchfk
      if (result.data.tsjsjdzfk == 1) {
        this.tableData2.tsjsjdzfk = "接送小车对准"
      } else if (result.data.tsjsjdzfk == 2) {
        this.tableData2.tsjsjdzfk = "取托盘低位对准"
      } else if (result.data.tsjsjdzfk == 3) {
        this.tableData2.tsjsjdzfk = "放托盘高位对准"
      } else {
        this.tableData2.tsjsjdzfk = "未对准"
      }
      if (result.data.tsjsdfk == 1) {
        this.tableData2.tsjsdfk = "已锁定"
      } else {
        this.tableData2.tsjsdfk = "未锁定"
      }
      this.tableData2.tsjgzdm = result.data.tsjgzdm
      this.tableData2.tsjwcrwh = result.data.tsjwcrwh
      if (result.data.tsjwcrwms == 1) {
        this.tableData2.tsjwcrwms = "小车换层"
      } else if (result.data.tsjwcrwms == 2) {
        this.tableData2.tsjwcrwms = "取放托盘"
      } else if (result.data.tsjwcrwms == 3) {
        this.tableData2.tsjwcrwms = "取货"
      } else {
        this.tableData2.tsjwcrwms = "放货"
      }
      if (result.data.tsjwcrwmldm == 1) {
        this.tableData2.tsjwcrwmldm = "到接车层"
      } else if (result.data.tsjwcrwmldm == 2) {
        this.tableData2.tsjwcrwmldm = "到放车层"
      } else if (result.data.tsjwcrwmldm == 3) {
        this.tableData2.tsjwcrwmldm = "取货"
      } else {
        this.tableData2.tsjwcrwmldm = "放货"
      }
      this.tableData2.by = result.data.by

    },
    async getCarlist2() {
      const {data: result} = await this.$http.get("http://localhost:8848/car/selectCar?carKey=ZL:CAR_INFO:1ZL:CAR_INFO:2ZL:CAR_INFO:3ZL:CAR_INFO:5ZL:CAR_INFO:6")
      if (result.status !== 200) return alert(result.data.Car1)
      this.ARR = result.data;
      this.Car1 = this.ARR[0];
      var json = JSON.stringify(this.Car1.reseryeStatus)
      alert(json)
      if (this.Car1.carStatus == 1) {
        this.Car1.carStatus = "任务执行中"
      } else if (this.Car1.carStatus == 2) {
        this.Car1.carStatus = "指令执行中"
      } else if (this.Car1.carStatus == 3) {
        this.Car1.carStatus = "就绪"
      } else if (this.Car1.carStatus == 4) {
        this.Car1.carStatus = "故障"
      } else if (this.Car1.carStatus == 5) {
        this.Car1.carStatus = "警告"
      } else {
        this.Car1.carStatus = "节点等待"
      }
      if (this.Car1.reseryeStatus == 19) {
        this.Car1.reseryeStatus= "巷道"
      } else {
        this.Car1.reseryeStatus = "坡道"
      }
      this.Car2 = this.ARR[1];
      if (this.Car2.carStatus == 1) {
        this.Car2.carStatus = "任务执行中"
      } else if (this.Car2.carStatus == 2) {
        this.Car2.carStatus = "指令执行中"
      } else if (this.Car2.carStatus == 3) {
        this.Car2.carStatus = "就绪"
      } else if (this.Car2.carStatus == 4) {
        this.Car2.carStatus = "故障"
      } else if (this.Car2.carStatus == 5) {
        this.Car2.carStatus = "警告"
      } else {
        this.Car2.carStatus = "节点等待"
      }
      if (this.Car2.reseryeStatus == 19) {
        this.Car2.reseryeStatus = "巷道"
      } else {
        this.Car2.reseryeStatus = "坡道"
      }
      this.Car3 = this.ARR[2];
      if (this.Car3.carStatus == 1) {
        this.Car3.carStatus = "任务执行中"
      } else if (this.Car3.carStatus == 2) {
        this.Car3.carStatus = "指令执行中"
      } else if (this.Car3.carStatus == 3) {
        this.Car3.carStatus = "就绪"
      } else if (this.Car3.carStatus == 4) {
        this.Car3.carStatus = "故障"
      } else if (this.Car3.carStatus == 5) {
        this.Car3.carStatus = "警告"
      } else {
        this.Car3.carStatus = "节点等待"
      }

      if (this.Car3.reseryeStatus == 19) {
        this.Car3.reseryeStatus = "巷道"
      } else {
        this.Car3.reseryeStatus = "坡道"
      }

      this.Car4= this.ARR[3];
      if (this.Car4.carStatus == 1) {
        this.Car4.carStatus = "任务执行中"
      } else if (this.Car4.carStatus == 2) {
        this.Car4.carStatus = "指令执行中"
      } else if (this.Car4.carStatus == 3) {
        this.Car4.carStatus = "就绪"
      } else if (this.Car4.carStatus == 4) {
        this.Car4.carStatus = "故障"
      } else if (this.Car4.carStatus == 5) {
        this.Car4.carStatus = "警告"
      } else {
        this.Car4.carStatus = "节点等待"
      }
      if (this.Car4.reseryeStatus == 19) {
        this.Car4.reseryeStatus = "巷道"
      } else {
        this.Car4.reseryeStatus = "坡道"
      }
      this.Car5 = this.ARR[4];
      // alert(this.Car5.reseryeStatus)
      if (this.Car5.carStatus == 1) {
        this.Car5.carStatus = "任务执行中"
      } else if (this.Car5.carStatus == 2) {
        this.Car5.carStatus = "指令执行中"
      } else if (this.Car5.carStatus == 3) {
        this.Car5.carStatus = "就绪"
      } else if (this.Car5.carStatus == 4) {
        this.Car5.carStatus = "故障"
      } else if (this.Car5.carStatus == 5) {
        this.Car5.carStatus = "警告"
      } else {
        this.Car5.carStatus = "节点等待"
      }
      if (this.Car5.reseryeStatus == 19) {
        this.Car5.reseryeStatus = "巷道"
      } else {
        this.Car5.reseryeStatus = "坡道"
      }

    },
    times() {			//定义了一个times()方法来执行定时查询findDB()
      return setInterval(() => {			//setInterval换个名字就行了
        this.getlist1()
        this.getlist2()
        this.getlist3()
        this.getCarlist2()

      }, 2000)		//设置时间   ，这里是2s
    }
  },
  destroyed() {
    clearInterval(this.times)		//退出页面后销毁定时方法
  },
  mounted() {		//模板渲染之后调用的，模板渲染之前是created
    //刚进页面就能获取到findDB()中的数据
    this.getlist1()
    this.getlist2()
    this.getlist3()
    this.getCarlist2()
    this.times()	//加载定时任务
  }
}
</script>


<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

* {
  margin: 0;
  padding: 0;
}

.main {
  width: 100%;
  height: 100vh;
  background-image: url("bg_home.png");
  background-size: cover;
  overflow: hidden
}

.top, .bottom {
  width: 100%;
  height: 50%;
  display: flex;
  /*position: relative;*/
}

.tItem1, .tItem2, .tItem3 {
  width: calc(100% / 3);
  height: 100%;
  /*position: absolute;*/
  /*background: rgba(34,34,34,0.5);*/

}

.bItem1, .bItem2, .bItem3, .bItem4, .bItem5 {
  width: calc(100% / 5);
  height: 100%;
}

/*/#ap{*/
/*  font-size: xx-small;*/
/*  width: 100px!important;*/
/*  height: 220px!important;*/
/*}*/
.margin-top {
  opacity: 0.7;
  /*background-color: rgba(34,34,34,0.5);*/
  /*background-color: transparent !important;*/
}

.menu-button {
  opacity: 0.7;

}
</style>
